﻿/* Support Ticket */
.ticket-list li {
	position:relative;
}

.ticket-body {
	border-top:1px dotted gray;
	margin-top:20px;
	padding-top:10px;
}

.ticket-title {
	font-size:16px;
	font-weight:bold;
	height:44px;
}
.ticket-meta {
	color:#AAA;
	font-size:12px;
	position:absolute;
	top:40px;
}
.ticket-content {
	margin-top:10px;
}

.ticket .reply {
    position:absolute;
    right:5px;
    top:15px;
}
.ticket .children {
    margin-left:0;
    margin-top:1.5em;
    position:relative;
}
.ticket-list ul {
    padding:0 0 40px 40px;
}

.shadow .img_x {
    background:url(images/img_x.png);
}
.shadow .img_y {
    background:url(images/img_y.png);
}
.shadow .fs {
    background:url(images/shadow_n.png) no-repeat;
}
.shadow .yr {
    background-repeat:repeat-y;
}
.shadow .xr {
    background-repeat:repeat-x;
}
.shadow .bbfp {
    position:absolute;
}
.shadow .bbnw {
    background-position:0 0;
    height:40px;
    left:0;
    top:0;
    width:6px;
}
.shadow .bbw {
    background-position:0 0;
    bottom:10px;
    left:0;
    top:40px;
    width:6px;
}
.shadow .bbsw {
    background-position:-6px 0;
    bottom:0;
    height:10px;
    left:0;
    width:9px;
}
.shadow .bbs {
    background-position:0 0;
    bottom:0;
    height:10px;
    left:9px;
    right:60px;
}
.shadow .bbse {
    background-position:-6px -10px;
    bottom:0;
    height:10px;
    right:0;
    width:60px;
}

/* pager */
.pager
{
    width: 90%;
    margin: 5px auto;
    padding: 3px;
    text-align: center;
}
.pager a
{
    margin: 4px 3px;
    border: 1px solid #c0c0c0;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
}
.pager .disabled
{
    border: 1px solid #ddd;
    color: #999;
    text-align: center;
}

.pager .current
{
    background-color: #06c;
    border: 1px solid #009;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

/* Button */
.item-expand
{
    background: url(images/expand.gif) no-repeat;
    width: 12px;
    height: 11px;
    outline-style: none;
}
.item-unexpand
{
    background: url(images/ns-expand.gif) no-repeat;
    width: 11px;
    height: 12px;
    outline-style: none;
}

.img-edit
{
    background: url(images/icons/edit.png) no-repeat;
}
.img-delete
{
    background: url(images/icons/cross.png) no-repeat;
}

.item-settings
{
    background: url(images/icons/edit.png) no-repeat;
}

.item-logs
{
    background: url(images/icons/details.png) no-repeat;
}
.product-thumbnail
{
    border: 1px solid #CFCFCF;
    display: inline-block;
    position: relative;
    width: 100px;
}


/* =3 Product Images 
----------------------------------------------------------------*/

#product-images
{
    float: left;
}
#product-images li
{
    float: left;
    margin: 3px;
    display: inline-block;
    border: 1px solid #CFCFCF;
    position: relative;
}
#product-images li .img-delete, .preview .img-delete
{
    position: absolute;
    right: 0;
    top: 1px;
}
#product-images li .img-edit
{
    position: absolute;
    right: 20px;
    top: 1px;
}

/* Image Upload 
--------------------------------------------------------------*/
.preview
{
    border: 1px solid #CFCFCF;
    display: inline-block;
    margin-bottom: 5px;
    position: relative;
    width: 100px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}


/* Product */
.product-search select
{
    width:80px;
}